<%-- 
    Document   : index
    Created on : 17 juin 2011, 09:07:27
    Author     : bimemis
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="EN" lang="EN" dir="ltr">
<head profile="http://gmpg.org/xfn/11">
<title>Université Paris Ouest Nanterre La Défense </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="imagetoolbar" content="no" />
<link rel="stylesheet" href="styles/layout.css" type="text/css" />
<script type="text/javascript" src="scripts/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="scripts/jquery.slidepanel.setup.js"></script>
<script type="text/javascript" src="scripts/jquery.cycle.min.js"></script>
<script type="text/javascript" src="scripts/jquery.cycle.setup.js"></script>

<script type="text/javascript" src="scripts/common.js"></script>

<link rel="UPX logo" type="image/x-icon" href="images/favicon.ico">
</head>
<body>
<div class="wrapper col0">
  <div id="topbar">
    <div id="slidepanel">
      <div class="topbox">
        <h2>Nullamlacus dui ipsum</h2>
        <p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris felit elit id nibh sociis malesuada.</p>
        <p class="readmore"><a href="#">Plus &raquo;</a></p>
      </div>
      <div class="topbox last">
        <h2>Authentification</h2>
        <% if (session.getAttribute("login")!=null){%>
            <p>
                Bonjour <strong><%= session.getAttribute("login") %></strong> <br/>
                Votre numéro d'enseignant est le <strong><%= session.getAttribute("numEns") %> </strong>
            </p>
            <input type="button" value="Deconnexion" onClick="document.location='deconnexion.jsp'"><%}else{%>
        <form name="session" action="ConnexionServlet" method="post">
          <fieldset>
            <!--<label id="lbErrorAuth"></label>-->
            <legend>Authentification</legend>
            <label for="name">Login:
              <input type="text" name="login" id="name" value="" />
            </label>
            <label for="pass">Mot de passe:
              <input type="password" name="password" id="pass" value="" />
            </label>
            <label for="teacherremember">
              <input class="checkbox" type="checkbox" name="auto_connect" id="teacherremember" checked="checked" />
              Rester connecté</label>
            <p>
                <!--onClick="tryAuth();"-->
                <input type="submit" name="teacherlogin" id="teacherlogin" value="Valider" />
              &nbsp;
              <input type="reset" name="teacherreset" id="teacherreset" value="Annuler" />
            </p>
          </fieldset>
        </form><%}%>
      </div>
      <br class="clear" />
    </div>

	<div id="loginpanel">
      <ul>
        <% if (session.getAttribute("login")!=null){%>
        <li class="left">Connecté &raquo; <strong><%= session.getAttribute("login") %></strong></li>

        <li class="right" id="toggle"><a id="slideit" href="#slidepanel">Authentification</a><a id="closeit" style="display: none;" href="#slidepanel">Fermer onglet</a></li>
        <%}else{%>
        <li class="left">Déconnecté &raquo;</li>

        <li class="right" id="toggle"><a id="slideit" href="#slidepanel">Authentification</a><a id="closeit" style="display: none;" href="#slidepanel">Fermer onglet</a></li><%}%>
      </ul>
    </div>

    <br class="clear" />
  </div>
</div>
<!-- ####################################################################################################### -->
<div class="wrapper col1">
  <div id="header">
    <div id="logo">
      <h1>
		<a href="index.jsp"><img src="images/Paris-ouest-logo.png" alt=""></a>
		</h1>
      <!--<p>Free Open Source CSS Website Template</p>-->
    </div>
    <div id="topnav">
      <ul>
        <li class="active"><a href="index.jsp">Accueil</a></li>
        <li><a href="edt.jsp">Emploi du temps</a></li>
        <% if(session.getAttribute("login")!=null) { %> <li><a href="servEns.jsp">Services enseignants</a></li> <% } %>
		<!--
			<li><a href="#">Link Text</a></li>
			<li class="last"><a href="#">A Long Link Text</a></li>
		-->
      </ul>
    </div>
    <br class="clear" />
  </div>
</div>
<!-- ####################################################################################################### -->
<div class="wrapper col2">
  <div id="featured_slide">
    <div class="featured_box"><a href="#"><img src="images/demo/u-px-plan.jpg" alt="" /></a>
      <div class="floater">
        <h2>1. Université Paris Ouest Nanterre La Défense</h2>
        <p>L'université Paris-X, ou Université Paris Ouest Nanterre La Défense, est l'une des treize universités parisiennes, située à Nanterre, dans le département des Hauts-de-Seine. Deuxième campus de France, l'université compte 2 000 enseignants-chercheurs, 700 personnels administratifs et techniques et plus de 33 000 étudiants.</p>
      </div>
    </div>
    <div class="featured_box"><a href="#"><img src="images/demo/u-px-pelouse.jpg" alt="" /></a>
      <div class="floater">
        <h2>2. Université avec une riche histoire</h2>
        <p>Théâtre d'une histoire riche en événements qui ont marqué le monde universitaire à la fin des années 60, l'Université Paris Ouest Nanterre La Défense offre aujourd'hui à sa communauté universitaire une perle rare en région parisienne : un vrai campus de 27 hectares, situé à deux pas de La Défense, le plus grand quartier d'affaires d'Europe, et bien desservi par les transports en commun.</p>
      </div>
    </div>
    <div class="featured_box"><a href="#"><img src="images/demo/u-px-bat.jpg" alt="" /></a>
      <div class="floater">
        <h2>3. Université avec réputation</h2>
        <p>Forte d'environ 45 laboratoires de recherche qui assurent son rayonnement et sa renommée scientifique internationale, l'université Paris Ouest est devenue, dans les champs disciplinaires qui sont les siens, l'une des toutes premières universités françaises et européennes.
Il y en a 273 diplômes préparés et 10 000 diplômés chaque année</p>
      </div>
    </div>
    <div class="featured_box"><a href="#"><img src="images/demo/1174697232_plan_upx.jpg" alt="" /></a>
      <div class="floater">
        <h2>4. Campus de Nanterre</h2>
        <p>Situé à proximité du quartier d'affaires de la Défense et du centre ville de Nanterre, le campus de Nanterre s'étend sur près de 30 hectares et regroupe autour de son « carré vert » central.</p>
      </div>
    </div>
    <div class="featured_box"><a href="#"><img src="images/demo/important2fr.png" alt="" /></a>
      <div class="floater">
        <h2>5. Attention</h2>
        <p>Ceci n'est pas le site officiel de l'Université Paris Ouest Nanterre La Défense!</p>
      </div>
    </div>
  </div>
</div>
<!-- ####################################################################################################### -->
<div class="wrapper col3">
  <div id="homecontent">
    <div class="fl_left">
      <div class="column2">
        <ul>
          <li>
            <h2>Charte des examens</h2>
            <div class="imgholder"><img src="images/examen.jpg" alt="" /></div>
            <p>La présente Charte définit les dispositions communes à l'ensemble des composantes et services de l'Université concernant le déroulement des examens.</p>
            <p></p>
            <p class="readmore"><a href="#">Plus &raquo;</a></p>
          </li>
          <li class="last">
            <h2>Bibliothèque</h2>
            <div class="imgholder"><img src="images/bibliotheque.jpeg" alt="" /></div>
            <p>Au sein même de l’UFR SEGMI, vous pouvez bénéficier des services d’une bibliothèque spécialisée dans les disciplines qui vous sont enseignées.</p>
            <p>Cette bibliothèque est située au 1er étage du bâtiment G - salle 113.</p>
            <p class="readmore"><a href="#">Plus &raquo;</a></p>
          </li>
        </ul>
        <br class="clear" />
      </div>
     <!-- <div class="column2">
      </div>-->
    </div>
   <!-- <div class="fl_right">
    </div> -->
    <br class="clear" />
  </div>
</div>
<!-- ####################################################################################################### -->
<%@ include file="footer.jsp" %>

<!-- ####################################################################################################### -->
<div class="wrapper col5">
  <div id="copyright">
    <p class="fl_left">Copyright &copy; 2011 - All Rights Reserved - <a href="#">Université Paris Ouest Nanterre La Défense</a></p>
    <br class="clear" />
  </div>
</div>
</body>
</html>
